<!-- Navigation -->
    <nav class="navbar navbar-inverse" id="menu" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <!-- <span class="icon-bar"></span> -->
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                </button>  
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="<?php echo base_url();?>perfilAdmin">PERFIL</a>
                    </li>
                    <li>
                        <a  href="<?php echo base_url(); ?>usuariosAdmin">USUARIOS</a>
                    </li>
<!--                     <li>
                        <a  href="<?php echo base_url(); ?>participantesAdmin">PARTICIPANTES</a>
                    </li>
 -->                    <li>
                        <a class="navbar-brand" href="<?php echo base_url(); ?>eventosAdmin">EVENTOS</a>
                    </li>
                    <li>
                        <a href="<?php echo base_url();?>lugaresAdmin">LUGARES</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container">
        <div class="row">

            <div id="formEve" style="display:none;margin-left:25%;">
                <form accept-charset="utf-8" method="post" >
                    <h1 class="titulo">Nuevo Evento</h1>
                    <h5>Nombre</h5>
                    <input type="text" id="nameForm" name="nombre" placeholder="Nombre del Evento" value=""size="50" />
                    <h5>Fecha</h5>
                    <input type="text" id="fechaForm" name="fecha" placeholder="aaaa/dd/mm" value="" size="50" />
                    <h5>Hora</h5>
                    <input type="text" id="horaForm" name="hora" value="" placeholder="hh:mm:ss" size="50" />
                    <h5>Descripcion</h5>
                    <input id="descForm" type="text" name="descripcion" placeholder="Descripción del Evento" value="" size="50" />
                    
                    <div><input id="save" type="submit" value="Guardar" onclick="guardar();"/></div>
                </form>
            </div>
        
            <h1 id="titulo">Lista de Eventos</h1>
            <a id="crearEv">
                <img id="ico2" src="<?php echo base_url(); ?>/images/iconos/mas.jpg">
            </a>
            
            <table>
                <tr id="cab">
                    <th>N°</th>
                    <th>NOMBRE</th>
                    <th>DESCRIPCION</th>
                    <th>FECHA</th>      
                    <th>HORA</th>
                    <th>LUGAR</th>
                    <th>ESTADO</th>
                    <th>ACCIÓN</th>
                </tr>

                <?php foreach ($eventos as $e) { ?>
                <div id="modifico" style="display:none;">
                <form accept-charset="utf-8" method="post" >
                    <h1>Modificación</h1>
                    <h5>Nombre</h5>
                    <input type="text" id="idForm" name="nombre" placeholder="Numero del Evento" value=""size="50" />
                    <h5>Nombre</h5>
                    <input type="text" id="nameForm" name="nombre" placeholder="Nombre del Evento" value=""size="50" />
                    <h5>Fecha</h5>
                    <input type="text" id="fechaForm" name="fecha" placeholder="aaaa-dd-mm" value="" size="50" />
                    <h5>Hora</h5>
                    <input type="text" id="horaForm" name="hora" value="" placeholder="hh:mm:ss" size="50" />
                    <h5>Descripcion</h5>
                    <input id="descForm" type="text" name="descripcion" placeholder="Descripción del Evento" value="" size="50" />
                    
                    <div><input id="save" type="submit" value="Guardar cambios" onclick="cargar(<?php $e->id;?>);"/></div>
                </form>
            </div>
                  <tr id="fila">
                    <td>
                            <?php echo $e->id; ?>
                    </td>
                    
                    <td>
                        <div class="ver<?php echo $e->id; ?>">
                            <?php echo $e->nombre; ?>
                        </div>
                    </td>
                    <td>
                        <div class="ver<?php echo $e->id; ?>">
                            <?php echo $e->descripcion; ?>
                        </div>
                    </td>
                    <td>
                        <div class="ver<?php echo $e->id; ?>">
                            <?php echo $e->fecha; ?>
                        </div>
                    </td>      
                    <td>
                        <div class="ver<?php echo $e->id; ?>">
                            <?php echo $e->hora; ?>
                        </div>
                    </td>
                    <td>
                        <div class="ver<?php echo $e->id; ?>">
                            Lugar
                        </div>
                   </td> 
                    <td>
                        <div class="ver<?php echo $e->id; ?>">
                            Estado
                        </div>
                    </td>
                    <td>
                        <!-- <a href="/eventosAdmin/verDetalle/?num=<?php echo $e->id; ?>"> -->
                        <a href="<?php echo base_url(); ?>eventosAdmin/modificar/?num=<?php echo $e->id; ?>">
                            <img id="ico1" src="<?php echo base_url(); ?>/images/iconos/lupa.jpg">
                        </a>
                        <a id="verPart" href="/eventosAdmin/eliminar/?num=<?php echo $e->id; ?>">
                            <img id="ico" src="<?php echo base_url(); ?>/images/iconos/delete.jpg">
                        </a>
                    </td>
                  </tr>
                <?php }; ?>
                </table>

                <ul class="pager">
                    <!-- <li class="previous">
                        <a href="#">&larr; Ant</a>
                    </li>
                    <li class="next">
                        <a href="#">Sig &rarr;</a>
                    </li> -->
                </ul>
                
         </div>
            


        </div>

        
        <!-- /.row -->       

    </div>


  
</div>
    <link href="css/main.css" rel="stylesheet">
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script> 

    <script type="text/javascript">
    
    $(document).ready(function(){
    
        $("#crearEv").click(function(){ //Click Registro Arriba
            $("#formEve").show();
            $("#crearEv").hide();
            
        });

        $("#save").click(function(){ //Click Registro Arriba
            $("#formEve").hide();
            $("#crearEv").show();
            
        });     


    });

    
    function guardar() {
        
        if($('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''
             ){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"eventosAdmin/agregar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee los Datos');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }

    function cargar(id){
        if($('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''
             && $('#cantForm').val()!=''){            

        var dataString =
            'nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val() + 
            '&cantPart=' + $('#cantForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"eventosAdmin/modificar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }
    
    
    </script>
<style type="text/css">


.titulo{
    font-size: 46px;
    color: rgb(246, 22, 22);
}
#tit{
    font-size: 46px;
    color: rgb(246, 22, 22);
}

</style>